<template>
  <div class="coupon">  
      <div class="coupon_message">
        <div class="coupon_money">
          <span>￥10</span>
          <span>满10元可用</span>
        </div>
        <div class="coupon_activity">
          <p>元气森林满减活动</p>
          <p class="time">2020-09-01 2020-09-01 06:00:00至2020.09.30 23:59:59</p>
        </div>
      </div>
      <input type="button" value="领取" />
  </div>
</template>

<script>

export default {
  data () {
    return {
      
    }
  },

  methods: {
    
  }
}
</script>

<style scoped lang="stylus">
.coupon
  box-sizing border-box 
  padding 0 20rpx  
  font-size 30rpx 
  .coupon_message 
    height 200rpx
    border-radius 25rpx
    display flex
    background #c79e4d
    align-items center
    margin-bottom 30rpx
    .coupon_money
      width 250rpx
      text-align center
      span 
        display block
    .time
      font-size 24rpx
      margin-top 20rpx
  input  
    height 80rpx
    line-height 80rpx
    background #c79e4d
    border-radius 10rpx
    color #fff
</style>
